<template>
    <div class="index">
        <h2>营业时间</h2>
        <div class="footer">
            <div>当前营业时间: 08:00~23:00</div>
            <div class="ne">设置新的营业时间:</div>
            <div>
                <div>开始时间: <input type="text">点</div>
                <div>结束时间: <input type="text">点</div>
            </div>
            <div class="last">确认修改</div>
        </div>
    </div>
</template>

<script>
    export default{
        data(){
            return{

            }
        }
    }
</script>

<style lang="less" scoped>
.index{
    padding-left: 20px;
    text-align: left;
    h2{
        height: 80px;
        line-height: 80px;
        text-align: left;
    }
    .footer{
        width: 400px;
        height: 300px;
        background-color: #eee;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 50px;

        .ne{
            font-weight: 600;
        }
        input{
            width: 50px;
            height: 26px;
        }
        .last{
            width: 100%;
            height: 60px;
            background-color: rgb(47, 174, 243);
            color: white;
            text-align: center;
            line-height: 60px;
            margin-top: 20px;
            cursor:pointer;
        }
    }
}
</style>